import HeadMenu from '@/views/Layout/components/HeadMenu.tsx'
import './style.css'
import company from '@/assets/company.png'
import industry from '@/assets/industry.png'
import area from '@/assets/area.png'
import clue from '@/assets/clue.png'
import park from '@/assets/park.png'
// import arrow from '@/assets/arrow.png'
import { useNavigate } from 'react-router-dom'
import { HsAdminHome } from '@hs-admin/base-components'

const cards = [
  {
    label: '企业探查',
    content: '通过企业的产业、创新、资本、人才、空间、经营、工商各维度的情况，查找目标客群企业。',
    img: company,
    path: '/exploreCompany'
  },
  {
    label: '产业链拓客',
    content: '从产业链节点进行企业定位查找，获得各节点上的高价值企业（融资企业、区域重点企业、上市企业、高新技术企业…）。',
    img: industry,
    path: '/exploreIndustry'
  },
  {
    label: '园区拓客',
    content: '通过筛选目标重点园区、查看入驻企业、高效挖掘潜在客户。',
    img: park,
    path: '/explorePark'
  },
  {
    label: '区域拓客',
    content: '从各类企业的区域聚集情况入手，定位高聚集度区域，查找目标区域客群企业。',
    img: area,
    path: ''
  },
  {
    label: '线索拓客',
    content: '监测企业的资本、风险、创新等动态线索事件，通过线索事件挖掘潜在客户。',
    img: clue,
    path: ''
  }
]

const HomePage = () => {
  const navigate = useNavigate()

  const goto = (path: string) => {
    if (path) navigate(path)
  }
  return (
    <div className="home-container">
      <div className="home-head">
        <div className="absolute w-full">
          <HeadMenu />
        </div>
      </div>
      <div className="home-title">
        <div className="title">产业通</div>
        <div className="subtitle">金融产业数据服务端</div>
      </div>
      <div className="home-cards">
        {cards.map((it) => (
          <div
            key={it.label}
            className="each-card"
            onClick={() => {
              goto(it.path)
            }}>
            <img src={it.img} alt="" />
            <h3>{it.label}</h3>
            <div>
              <p>{it.content}</p>
              <p className={it.path ? 'text-#ff7b20' : 'text-#767676'}>
                {it.path ? '详情' : '敬请期待'}
                {/* <img src={arrow} alt="arrow" className="size-4" /> */}
              </p>
            </div>
          </div>
        ))}
      </div>
      <HsAdminHome />
    </div>
  )
}
export default HomePage
